<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="../common/meta.jsp" %>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
<title>兑换中心 - 果果街</title>
<%@include file="../common/jscss.jsp" %>
<%@include file="../common/jspcommon.jsp" %>
</head>
<body>
<!--/header-->
<%@include file="../common/header.jsp" %>
<!--/header-->
<div class="wraper clearFix">
	<%-- 广告位 --%>
	<div class="hlsAdFir" id="djzxAlimama1"></div>
    
    <!--  center -->
    <div class="boxMT10">
    
    	<!--  leftPart --->
    	<div class="boxLeft fl">
        	<div class="boxHeader boxComWid"> 
                <b class="ltSquare"></b>
                <b class="rtSquare"></b> 
        	</div>
            <div class="boxCen">
            	<c:if test="${ recommendProduct != null }" >
            	<div class="mainContent">
                	<div class="mainHeader"></div>
                    <div class="mainDet">
                    	<h3 class="fontWeight fontColor333"><a href="#">${recommendProduct.title}</a></h3>
                        <div class="mainPic clearFix">
                        	<div class="cpPrice">
                            	<span><i>￥</i>${recommendProduct.price }<i></i></span>
                               <c:choose>
									 <c:when test="${member!=null }">
	                                <a href="javascript:void(0);" onclick="GUOGUO.showPayPage('${recommendProduct.identifier}')" class="thBigBtn"></a>                            
	                            	</c:when>
	                            	 <c:otherwise>
	                 						<a  href="javascript:void(0);" onclick="GUOGUO.memberLogin();" class="thBigBtn"></a>
	               					  </c:otherwise>
                				 </c:choose>
                            </div>
                        <a href="#" class="djPic"><img src="${recommendProduct.imageServer }${recommendProduct.cover}" class="r5" /></a>
                            <div class="dhNum">
                            	<span>
                            		<i>剩余个数：<b class="colorRed font20px fontWeight">${recommendProduct.amount}</b></i><br />
                                	<i class="colorRed font22px fontWeight">${recommendProduct.personNum}</i>人已兑换<br />
                                	<i class="dhInfo">数量有限，尽快兑换哟~</i>                                
                                </span>                            
                            </div>
                        </div>
                       	<ul class="djUser clearFix">
                       		<c:forEach items="${recommendProduct.memberList}" var="memberT">
                        	<li>
                            	<a href="#" class="name" onmouseout="GUOGUO.hideFamilyTip()" onmousemove="GUOGUO.familyTip('${memberT.nickname}',this)"><img src="${memberT.imageServer}${memberT.avatar}" class="r3" /></a>
                            </li>
                            </c:forEach>
                        </ul>
                    </div>
                    <div class="mainFooter"></div>
                </div>
                </c:if>
            </div>	
            
             
            <div class="secPart clearFix" id="productList"><%@include file="productList.jsp" %></div>
            
            <div class="boxFooter boxComWid">
                <b class="lfSquare"></b>
                <b class="rfSquare"></b>
        	</div>			
        </div>
         <!--  leftPart --->
         <!--  rightPart --->
         <div class="boxRight">
         	<div class="boxHeader boxComWid"> 
                <b class="ltSquare"></b>
                <b class="rtSquare"></b> 
        	</div>
            <div class="boxPad5">
            	<%-- 右侧广告位 --%>
            	<div id="djzxAlimama2"></div>
                <%-- 兑奖攻略 --%>
                <div class="clBox" id="djzxDuiJiangGongLue"></div>
                <div class="clBox">
                	<h3 class="colorRed font14px fontWeight">兑换达人</h3>
                    <ul class="drDet">
                    	<c:forEach items="${orderMemberList}" var="memberDa">
                    	<li class="clearFix">
                        	<a href="#" class="drPic" onmouseout="GUOGUO.hideFamilyTip()" onmousemove="GUOGUO.familyTip('${memberDa.nickname}',this)">
                        	<img src="${memberDa.imageServer}${memberDa.avatar}" class="r3" /></a>
                            <p>
	                            <a href="#" class="fontWeight">${memberDa.username}</a><br />
	                           <c:if test="${memberDa.role=='02'}"> <span>妈妈：${memberDa.nickname}</span></c:if>
	                            <c:if test="${memberDa.role=='01'}"> <span>爸爸：${memberDa.nickname}</span></c:if>
                            </p>
                        </li>
                        </c:forEach>
                    </ul>
                </div>
            </div>
            <div class="boxFooter boxComWid">
                <b class="lfSquare"></b>
                <b class="rfSquare"></b>
        	</div>
         </div>	
         <!--  rightPart --->
    </div>
    <!--  center -->
    
    
    
</div><!--/wraper-->
<!--/footer-->
  <%@include file="../common/footer.jsp" %>
  <script type="text/javascript">
$(function(){
	
	//$('#productList').load("productList.htm");
	
	//加载头部广告位
	$('#djzxAlimama1').load("djzxAlimama1.htm");
	// 加载右侧广告位
	$('#djzxAlimama2').load("djzxAlimama2.htm");
	//加载兑奖攻略
	$('#djzxDuiJiangGongLue').load("djzxDuiJiangGongLue.htm");
	
});
</script>
</body>
</html>